    // 找对象
    const form = document.querySelector('form')

    // 首屏渲染图形验证码
    getPicture()
    // 点击切换图形验证码
    document.querySelector('.login_main_pic .picture').addEventListener('click',()=>{
      getPicture() 
    })

    // 获取手机验证码
    document.querySelector('.login_main_message .txt').addEventListener('click',()=>{
      // 获取表单数据
      const data = serialize(form,{hash:true,empty:true})
      // console.log(data)
      // 正则判断手机是否正确
      const reg =/^1[3-9]\d{9}$/
      if(!reg.test(data.mobile)) return tips('请输入正确的手机号码')
      axios.post('/captcha/sendSmsCaptcha',data)
    })

    // 点击登录
    document.querySelector('.login_main_btn a').addEventListener('click',async ()=>{
        const data = serialize(form,{hash:true,empty:true})
        // console.log(data)
        // 正则判断手机是否正确
        const reg =/^1[3-9]\d{9}$/
        if(!reg.test(data.mobile)) return tips('请输入正确的手机号码')
        // 判断验证码是否不为空
        if(data.captchaCode.trim()==='') return tips('请输入图形验证码')
        // 发送请求
          const result = await axios({
            url:'passport/login',
            method:'post',
            data:{
              form:{
              isParty:false,
              mobile:data.mobile,
              partyData:{},
              smsCode:data.captchaKey 
              }
            }
          })
          console.log(result)
          const captchaKey =  document.querySelector('[name=captchaKey]')
          if(captchaKey.value === '246810') {
            localStorage.setItem('user-token',result.data.data.token)
            localStorage.setItem('user-id',result.data.data.userId)
            tips(result.data.message)
            setTimeout(()=>{
              location.href='./center.html'
            },500)
          } else {
           tips(result.data.message)
          }
        })



    // 封装获取图形验证码
    function getPicture() {
      axios({url:'/captcha/image'}).then(result=>{
        // console.log(result.data.data.base64)
        document.querySelector('.login_main_pic .picture').innerHTML=`<img src="${result.data.data.base64}" alt="">`
      })
    }

    // 封装提示框函数
    function tips(txt) {
      document.querySelector('.tips').style.display = 'block' 
      document.querySelector('.tips').innerHTML = txt
      setTimeout(()=>{
        document.querySelector('.tips').style.display = 'none' 
      },1000)
    }